body {
	margin: 0px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

h1 {
	font-size: 14px;
}

h2 {
	margin: 0 0 0 0;
	padding: 5px;
	border: 1px solid rgb(57,115,240);
	background: rgb(200,213,251);
	font-size: 16px;
	font-family: sans-serif;
	letter-spacing: 1px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	/* fixes IE6&7 horizontal gap inside button when display:inline */
	overflow: visible;
}

h3 {
}

a {
	color: blue;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	text-decoration: none;
}

p{
	text-align:left;
}

.blockUI{
	display: none;
}

.blockUI .header{
	font-size: 14px;
	font-weight: bold;
	background-color: #2385E2;
	color: white;
	padding: 5px;
	margin: 0px 0px 10px 0px;
	-webkit-border-top-left-radius: 7px; 
	-webkit-border-top-right-radius: 7px; 
    -moz-border-top-left-radius: 7px;
	-moz-border-top-right-radius: 7px;
	box-shadow: 0px 3px 5px rgb(160,160,160);
}

table{
	text-align:left;
}

.yellow-button{
   	color:#FFFFFF;
   	background-color:#edb90e;
   	border-style:none;
   	-webkit-border-top-left-radius: 3px; 
	-webkit-border-top-right-radius: 3px; 
	-webkit-border-bottom-left-radius: 3px; 
	-webkit-border-bottom-right-radius: 3px;
	cursor: pointer;
	font-weight: bold;
	padding: 2px 5px;
}

.icon{
	width: 16px;
	height: 16px;
	padding-right: 3px;
	vertical-align: bottom;
}

/* Header */

#header {
	width: 100%;
	height: 27px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px;
	margin: 0px 0px 15px 0px;
	box-shadow: 0px 5px 8px rgb(160,160,160);
	background-color: #0459a9;
}

#header-content {
	width: 1024px;
	margin: 0 auto;
}

#header-content a{
	color: #FFFFFF;
}

#header-content #txtUsername{
	border-style:none;
   	-webkit-border-top-left-radius: 3px; 
	-webkit-border-top-right-radius: 3px; 
	-webkit-border-bottom-left-radius: 3px; 
	-webkit-border-bottom-right-radius: 3px;
}

#header-content #txtPassword{
	border-style:none;
   	-webkit-border-top-left-radius: 3px; 
	-webkit-border-top-right-radius: 3px; 
	-webkit-border-bottom-left-radius: 3px; 
	-webkit-border-bottom-right-radius: 3px;
}

#header-content #btnFbLogin{
	vertical-align: bottom;
	float: right;
	padding: 0px 5px 0px 5px;
	border: 1px outset #DDDDDD;
	-webkit-border-top-left-radius: 3px; 
	-webkit-border-top-right-radius: 3px; 
	-webkit-border-bottom-left-radius: 3px; 
	-webkit-border-bottom-right-radius: 3px;
}
	
#header-content #login-box{
	vertical-align: bottom;
	float: right;
	padding: 0px 5px 0px 5px;
	box-shadow: 0px 5px 8px rgb(160,160,160);
	/*background-image:url('/images/layout/login_bg.jpg');
	background-repeat-y: repeat;*/
	background-color: #0459A9;
}

#header-content #logout-box{
	float: right;
}

.hplMenu{
	margin-left: 10px;
	margin-right: 10px;
}

.lblNotice{
	background-color: #CC3333;
	padding: 1px 4px;
	cursor: pointer;
	-webkit-border-top-left-radius: 3px; 
	-webkit-border-top-right-radius: 3px; 
	-webkit-border-bottom-left-radius: 3px; 
	-webkit-border-bottom-right-radius: 3px;
}

/* Netvigation */
#netvigation {
	width: 1024px;
	height: 105px;
	margin: 0 auto;
}

#netvigation #tblNetvigation{
	width: 1024px;
}

#netvigation #logo{
	width: 180px;
	float: left;
}

#netvigation #tutorial{
	width: 180px;
}

#netvigation #logo img{
	width: 150px;
}

#netvigation #search-header{
	width: 640px;
	height: 20px;
}

#netvigation .search-engine{
	float: left;
	text-align:center;
	width: 640px;
	height: 30px;
	padding-top: 4px;
	margin-bottom: 4px;
	background-color: #0459a9;
}

#netvigation .search-engine #txtSrhProduct{
	width: 290px;
	height: 20px;
}

#netvigation .search-engine #txtSrhUser{
	width: 440px;
	height: 20px;
}

#netvigation #post-search{
}

#netvigation #user-search{
	display: none;
}

.hplSearch{
	color: #CCCCCC;
	font-size: 13px;
	font-weight: bold;
	border-right: 2px solid #CCCCCC;
	padding: 0px 5px;
	cursor: pointer;
}


/* Content */

#global{
	width: 1024px;
	margin: 0px auto 20px auto;
	overflow: auto;
}

#content {
	float: left;
	width: 1024px;
}

#content-with-oneside {
	float: left;
	width: 820px;
}

#content-with-twoside {
	float: left;
	width: 645px;
	padding-left: 5px;
	padding-right: 5px;
}

.global-border{
	width: 100%;
	/*background-color: #2385E2;*/
	padding: 1px 5px 5px 5px;
	-webkit-border-top-left-radius: 5px; 
	-webkit-border-top-right-radius: 5px; 
	-webkit-border-bottom-left-radius: 5px; 
	-webkit-border-bottom-right-radius: 5px;
}

.global-border h1{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	box-shadow: 0px 0px 0px;
	border-bottom: 3px solid #0459a9; 
}

.global-border h1 span{
	background-color: #0459a9;
	padding: 3px 15px 3px 15px;
}

.global-content{
	/*background-color: #FFFFFF;
	-webkit-border-top-left-radius: 5px; 
	-webkit-border-top-right-radius: 5px; 
	-webkit-border-bottom-left-radius: 5px; 
	-webkit-border-bottom-right-radius: 5px;*/ 
}

#banner{
	width: 640px;
	margin: 0px 5px;
	border: solid 2px #DDDDDD;
	-webkit-border-top-left-radius: 5px; 
	-webkit-border-top-right-radius: 5px; 
	-webkit-border-bottom-left-radius: 5px; 
	-webkit-border-bottom-right-radius: 5px;
}

.title {
	/*font-weight: bold;
	font-size: 14px;
    position: relative;
    margin-top: 20px;
    -webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	box-shadow: 0px 0px 0px;*/
 }
  
.title:before {
    /*content: "";
    display: block;
    border-top: solid 2px rgb(0,162,232);
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;*/
 }
  
  
.title span {
    /*background: #fff;
    margin-left: 10px;
    padding: 0 5px;
    position: relative;
    z-index: 5;*/
 }

/* Index */
#index{
	width: 950px;
	margin: 0px auto;
}

#i-header{
	position: relative;
	height: 75px;
	background-color: rgb(109,149,252);
}

#i-header #menu{
	float: right;
	border-top: 2px solid rgb(160,160,160);
	border-left: 2px solid rgb(160,160,160);
	border-right: 2px solid rgb(160,160,160);
	background-color: white;
	margin-top: 37px;
	padding: 5px;
}

#i-content{
	position: relative;
	background-image:url('/images/layout/i_content_bg.png');
	background-repeat-x: no-repeat;
	background-repeat-y: repeat;
	padding: 16px;
	height: 400px;
}

#i-left{
	float: left;
	position: relative;
	border: 1px solid blue;
	background: white;
	width: 400px;
	padding: 5px;
}

#i-right{
	float: right;
	position: relative;
	width: 495px;
	height: 400px;
}

#item-list{
	width: 100%;
	border-collapse: collapse;
}

#item-list td{
	border: 1px solid rgb(160,160,160);
	padding: 5px;
}

#item-list img{
	float: left;
	margin-right: 5px;
}

/* Sidebar */

#left-sidebar {
	float: left;
	width: 180px;
	font-family: Arial, Helvetica, sans-serif;
}

#right-sidebar {
	float: right;
	width: 180px;
	font-family: Arial, Helvetica, sans-serif;
}

#tblLatestDeal-border h1{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	box-shadow: 0px 0px 0px;
	border-bottom: 2px solid #de1616; 
}

#tblLatestDeal-border h1 span{
	background-color: #de1616;
	padding: 3px 15px 2px 15px;
}

#tblLatestBuyer{
	width:100%;
}

#tblLatestBuyer img{
	-webkit-border-top-left-radius: 5px; 
	-webkit-border-top-right-radius: 5px; 
	-webkit-border-bottom-left-radius: 5px; 
	-webkit-border-bottom-right-radius: 5px; 
}

#tblLatestBuyer .flag{
	-webkit-border-top-left-radius: 0px; 
	-webkit-border-top-right-radius: 0px; 
	-webkit-border-bottom-left-radius: 0px; 
	-webkit-border-bottom-right-radius: 0px;
}

#tblLatestBuyer-border{
	/*background-color: #3CB878;
	padding: 2px 5px 5px 5px;
	-webkit-border-top-left-radius: 5px; 
	-webkit-border-top-right-radius: 5px; 
	-webkit-border-bottom-left-radius: 5px; 
	-webkit-border-bottom-right-radius: 5px;*/ 
}

#tblLatestBuyer-border h1{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	box-shadow: 0px 0px 0px;
	border-bottom: 2px solid #707070; 
}

#tblLatestBuyer-border h1 span{
	background-color: #707070;
	padding: 3px 15px 2px 15px;
}

#tblFindBuyer td{
	vertical-align: top;
}

#tblFindBuyer table{
	width: 100%;
	border: 0px;
	margin: 3px 3px 0px 3px;
}

#tblFindBuyer table table{
	width: 300px;
	border: solid 2px #DDDDDD;
	-webkit-border-top-left-radius: 5px; 
	-webkit-border-top-right-radius: 5px; 
	-webkit-border-bottom-left-radius: 5px; 
	-webkit-border-bottom-right-radius: 5px;
}

#tblFindBuyer table td{
	padding: 0px 5px;
	vertical-align:top;
	background-color: #FFFFFF;
}

#tblFindBuyer table .credit{
	width: 33px;
	color: #edb90e;
	background-image:url('/images/icons/blue_star.png');
	background-size: 47px 47px;
	font-size: 14px;
	padding-top: 18px;
	text-align: center;
	background-repeat: no-repeat;
}

#tblFindBuyer table td img{
	-webkit-border-top-left-radius: 5px; 
	-webkit-border-top-right-radius: 5px; 
	-webkit-border-bottom-left-radius: 5px; 
	-webkit-border-bottom-right-radius: 5px; 
	box-shadow: 3px 3px 3px rgb(160,160,160);
}

#tblFindBuyer table td .flag{
	-webkit-border-top-left-radius: 0px; 
	-webkit-border-top-right-radius: 0px; 
	-webkit-border-bottom-left-radius: 0px; 
	-webkit-border-bottom-right-radius: 0px; 
}

#bid-seller{
	border: 1px solid rgb(200,200,200);
	-webkit-border-top-left-radius: 5px; 
	-webkit-border-top-right-radius: 5px; 
	-webkit-border-bottom-left-radius: 5px; 
	-webkit-border-bottom-right-radius: 5px;
	overflow: auto;
	margin-left: 5px;
}

#bid-seller #bid-header{
	padding: 8px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #3CB878;
}

#bid-seller #bid-content{
	padding: 8px;
	overflow: auto;
}

#bid-seller .border-with-shadow{
	border: 1px solid rgb(160,160,160);
	-webkit-border-top-left-radius: 10px; 
	-webkit-border-top-right-radius: 10px; 
	-webkit-border-bottom-left-radius: 10px; 
	-webkit-border-bottom-right-radius: 10px; 
	box-shadow: 3px 3px 3px rgb(160,160,160);
}

#bid-seller .border-without-shadow{
	border: 1px solid rgb(160,160,160);
	-webkit-border-top-left-radius: 5px; 
	-webkit-border-top-right-radius: 5px; 
	-webkit-border-bottom-left-radius: 5px; 
	-webkit-border-bottom-right-radius: 5px; 
}

#bid-seller #left-col{
	width: 520px;
	float: left;
}

#bid-seller #left-col #auction-photo{
	padding-top: 10px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 10px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 20px;
}

#bid-seller #left-col #auction-photo
#tblPhoto{
	border-spacing: 0px 7px;
}

#bid-seller #left-col #auction-photo
#tblPhoto img{
	border: 1px solid rgb(160,160,160);
	box-shadow: 3px 3px 3px rgb(160,160,160);
}

#bid-seller #left-col #auction-photo
#tblPhoto td{
	border: 1px solid rgb(160,160,160);
}

#bid-seller #left-col #auction-photo 
#tblPhoto .sub-photo{
	width: 112px;
	height: 80px;
	padding: 5px;
	cursor: pointer;
}

#bid-seller #left-col #auction-photo
#tblPhoto .main-photo{
	padding: 10px;
	border: 0px;
}

#bid-seller #left-col #auction-description{
	padding: 5px;
	margin: 5px; 
}

#bid-seller #right-col{
	padding-right: 5px;
	float: right;
}

#bid-seller #right-col #auction-detail{
	width: 230px;
	padding: 20px;
	margin-top: 5px;
	overflow: auto;
}

#bid-seller #right-col #auction-detail 
.center{
	text-align: center;
}

#bid-seller #right-col #auction-detail 
#tblDetail #tblBuyerOffer{
	width: 100%;
}

#bid-seller #right-col #auction-history{
	overflow: auto;
}

#bid-seller #right-col #auction-history 
#tblHistory{
	width: 100%;
	border-collapse: collapse;
}

#bid-seller #right-col #auction-history 
#tblHistory thead{
	background-color: rgb(210,210,210);
	border-bottom: 1px solid rgb(150,150,150);
}

#bid-seller #right-col #auction-history 
#tblHistory thead th{
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
}

#bid-seller #right-col #auction-history 
.pb-bid-seller{
	cursor: pointer;
}

#bid-seller #right-col #auction-history 
.pb-bid-buyer{
	cursor: pointer;
}

#bid-seller #right-col #auction-history 
#tblHistory .odd{
	padding-left: 5px;
	padding-right: 5px;
	background-color: rgb(210,210,210);
	
}

#bid-seller #right-col #auction-history 
#tblHistory .even{
	padding-left: 5px;
	padding-right: 5px;
	background-color: rgb(235,235,235);
}


#bid-seller #right-col #auction-history{
	width: 270px;
}

#bid-seller #right-col #auction-detail .left{
	text-align: left;
}

#bid-seller #right-col #auction-detail .right{
	text-align: right;
}

#tblMyHistory{
	width: 630px;
	border-collapse: collapse;
	margin: 3px 3px 0px 3px;
}

#tblMyHistory h1{
	border-bottom: 0px;
}

#tblMyHistory span{
	background-color: transparent;
}

#tblMyHistory td{
	width: 297px;
	padding: 5px 5px;
	vertical-align:top;
}

#tblMyHistory td a{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
}

#tblMyHistory .in-progress-border{
	background-color: #74c080;
	width: 297px;
}

#tblMyHistory .finish-border{
	background-color: #ff8a00;
	width: 297px;
}

#tblMyHistory .fail-border{
	background-color: #d7d7d7;
	width: 297px;
}

#tblMyHistory .global-content{
	height: 85px;
	background-color: #eeeeee; 
	vertical-align:top;
}

#tblProfile{
	width: 640px;
}

#tblProfile img{
	-webkit-border-top-left-radius: 10px; 
	-webkit-border-top-right-radius: 10px; 
	-webkit-border-bottom-left-radius: 10px; 
	-webkit-border-bottom-right-radius: 10px;
	box-shadow: 0px 5px 8px rgb(160,160,160); 
}

#tblEditProfile{
	width: 100%;
}

#tblEditProfile img{
	webkit-border-top-left-radius: 10px; 
	-webkit-border-top-right-radius: 10px; 
	-webkit-border-bottom-left-radius: 10px; 
	-webkit-border-bottom-right-radius: 10px;
	box-shadow: 0px 5px 8px rgb(160,160,160); 
}

#btnAddFriend{
	font-weight: bold;
	background-color: #fbc616; 
	border: 0px;
	padding: 5px;
	-webkit-border-top-left-radius: 10px; 
	-webkit-border-top-right-radius: 10px; 
	-webkit-border-bottom-left-radius: 10px; 
	-webkit-border-bottom-right-radius: 10px; 
	cursor: pointer;
}

#btnBlockUser{
	font-weight: bold;
	color: white;
	background-color: black; 
	border: 0px;
	-webkit-border-top-left-radius: 10px; 
	-webkit-border-top-right-radius: 10px; 
	-webkit-border-bottom-left-radius: 10px; 
	-webkit-border-bottom-right-radius: 10px; 
	cursor: pointer;
}

/* Counter */
#day,#ho,#min,#sec{
	display:inline;
	text-align:center;
	color:#1069B5;
}

/* Footer */

#footer {
	height: 100px;
	padding: 0;
	margin: 0 auto;
}

#footer p {
	margin: 0;
	padding: 30px 0px 0px 30px;
	text-align: center;
	text-transform: capitalize;
	line-height: normal;
}
#footer a {
}

/* policy */

.policy{
	font-size: 11px;
}

/* error message */
.error{
	color: red;
	font-weight: bold;
}